<template>
  <div class="swipe">
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="(item) in swipelist" :key="item.tp">
        <img class="swipe-img" v-bind:src='host+item.tp'>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>

<script>
export default {
  props: ["swipelist"],
  data() {
    return {
      host: "http://wap.tuoxingwang.net/"
    };
  },
  methods: {}
};
</script>

<style scoped>
.mint-swipe {
  height: 200px;
  color: #fff;
  font-size: 30px;
  text-align: center;
}
.mint-swipe-item {
  line-height: 200px;
  background-size: 100%, 100%;
}
.swipe {
  width: 100%;
}

.swipe-img {
  width: 100%;
  height: 100%;
}
</style>

